<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

		<link rel="stylesheet" href="css/freeze.css" />
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet" href="css/font-awesome.min.css" />

		<script src="js/jquery-1.11.1.min.js"></script>
		<script src="js/script.js"></script>
		<script src="js/bootstrap.min.js"></script>
	</head>

	<body>
		<!--
        	作者：754054708@qq.com
        	时间：2017-11-27
        	描述：加载动画
        -->
		<div class="pre-loader">
			<div class="load-con">
				<img src="images/logo.png" class="animated" alt="" />
				<div class="spinner">
					<div class="bounce1"></div>
					<div class="bounce2"></div>
					<div class="bounce3"></div>
				</div>
			</div>
		</div>

		<header>
			<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
				<div class="container">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
							<span class="fa fa-bars fa-lg"></span>
						</button>
					</div>
				</div>

				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse" style="width: 30%; float: right;" id="bs-example-navbar-collapse-1">

					<ul class="nav navbar-nav navbar-right">
						<li>
							<a href="#about">about</a>
						</li>
					</ul>
				</div>
				<!-- /.navbar-collapse -->
				<!-- /.container-->
			</nav>
		</header>

		<section id="about">
			<div class="container">

				<div class="section-heading scrollpoint sp-effect3">
					<h1>About Us</h1>
					<div class="divider"></div>
					<p>Oleose Beautiful App Landing Page</p>
				</div>

				<div class="row">
					<div class="col-md-3 col-sm-3 col-xs-6">
						<div class="about-item scrollpoint sp-effect2">
							<i class="fa fa-download fa-2x"></i>
							<h3>Easy setup</h3>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
						</div>
					</div>
					<div class="col-md-3 col-sm-3 col-xs-6">
						<div class="about-item scrollpoint sp-effect5">
							<i class="fa fa-mobile fa-2x"></i>
							<h3>On-the-go</h3>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
						</div>
					</div>
					<div class="col-md-3 col-sm-3 col-xs-6">
						<div class="about-item scrollpoint sp-effect5">
							<i class="fa fa-users fa-2x"></i>
							<h3>Social connect</h3>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
						</div>
					</div>
					<div class="col-md-3 col-sm-3 col-xs-6">
						<div class="about-item scrollpoint sp-effect1">
							<i class="fa fa-sliders fa-2x"></i>
							<h3>Dedicated support</h3>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
						</div>
					</div>
				</div>
			</div>
		</section>
		<section id="about">
			<div class="container">

				<div class="section-heading scrollpoint sp-effect3">
					<h1>About Us</h1>
					<div class="divider"></div>
					<p>Oleose Beautiful App Landing Page</p>
				</div>

				<div class="row">
					<div class="col-md-3 col-sm-3 col-xs-6">
						<div class="about-item scrollpoint sp-effect2">
							<i class="fa fa-download fa-2x"></i>
							<h3>Easy setup</h3>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
						</div>
					</div>
					<div class="col-md-3 col-sm-3 col-xs-6">
						<div class="about-item scrollpoint sp-effect5">
							<i class="fa fa-mobile fa-2x"></i>
							<h3>On-the-go</h3>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
						</div>
					</div>
					<div class="col-md-3 col-sm-3 col-xs-6">
						<div class="about-item scrollpoint sp-effect5">
							<i class="fa fa-users fa-2x"></i>
							<h3>Social connect</h3>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
						</div>
					</div>
					<div class="col-md-3 col-sm-3 col-xs-6">
						<div class="about-item scrollpoint sp-effect1">
							<i class="fa fa-sliders fa-2x"></i>
							<h3>Dedicated support</h3>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</p>
						</div>
					</div>
				</div>
			</div>
		</section>
		<script>
			$(document).ready(function() {
				appMaster.preLoader();
			});
		</script>
	</body>

</html>